import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import home from '@/components/home'
import page01 from '@/components/page01'
import page02 from '@/components/page02'
import page01A from '@/components/page01/page01-A'
import page01B from '@/components/page01/page01-B'
import pageEnd from '@/components/page01/B/end'
import vfor from '@/components/vfor'
import calculate from '@/components/calculate'
import vueWatch from '@/components/vueWatch'
import styleBind from '@/components/styleBind'
import eventsHandler from '@/components/eventsHandler'
import form from '@/components/form'
import myComponent from '@/components/myComponent'
import customOrder from '@/components/customOrder' // 引入自定义命令的组件
import transitionDemo from '@/components/transitionDemo'
import mixins from '@/components/mixins'
import ajax from '@/components/ajax'// 引入 ajax
import reactiveInterface from '@/components/reactiveInterface'  // 
import navigationListDemo from '@/components/navigationListDemo'  // navigationListDemo
import editDemo from '@/components/editDemo'
import salesMenuDemo from '@/components/salesMenuDemo'
import searchPageDemo from '@/components/searchPageDemo'
import changeDiffLayout from '@/components/changeDiffLayout'

export default new Router({
  routes: [
    {
      path: '/home',
      name: 'home',
      component: home
    },
    {
      path: '/HelloWorld',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/page01',
      name: 'page01',
      component: page01,
      children: [
        {
          path: 'page01-a',
          name: 'page01A',
          component: page01A
        },
        {
          path: 'page01-b',
          name: 'page01B',
          component: page01B,
          children: [
            {
              path: 'end',
              name: 'pageEnd',
              component: pageEnd
            }
          ]
        }
      ]
    },
    {
      path: '/page02',
      name: 'page02',
      component: page02
    },
    {
      path: '/vfor',
      name: 'vfor',
      component: vfor
    },
    {
      path: '/calculate',
      name: 'calculate',
      component: calculate
    },
    {
      path: '/vueWatch',
      name: 'vueWatch',
      component: vueWatch
    },
    {
      path: '/styleBind',
      name: 'styleBind',
      component: styleBind
    },
    {
      path: '/eventsHandler',
      name: 'eventsHandler',
      component: eventsHandler
    },
    {
      path: '/form',
      name: 'form',
      component: form
    },
    {
      path: '/myComponent',
      name: 'myComponent',
      component: myComponent
    },
    {
      path: '/customOrder',
      name: 'customOrder',
      component: customOrder
    },
    {
      path: '/transitionDemo',
      name: 'transitionDemo',
      component: transitionDemo
    },
    {
      path: '/mixins',
      name: 'mixins',
      component: mixins
    },
    {
      path: '/ajax',
      name: 'ajax',
      component: ajax
    },
    {
      path: '/reactiveInterface',
      name: 'reactiveInterface',
      component: reactiveInterface
    },
    {
      path: '/navigationListDemo',
      name: 'navigationListDemo',
      component: navigationListDemo
    },
    {
      path: '/editDemo',
      name: 'editDemo',
      component: editDemo
    },
    {
      path: '/salesMenuDemo',
      name: 'salesMenuDemo',
      component: salesMenuDemo
    },
    {
      path: '/searchPageDemo',
      name: 'searchPageDemo',
      component: searchPageDemo
    },
    {
      path: '/changeDiffLayout',
      name: 'changeDiffLayout',
      component: changeDiffLayout
    }
  ]
})
